<template>
	<van-nav-bar
	  title="账号管理"
	  left-arrow
	  @click-left="onClickLeft"
	/>
	
	<van-cell-group class="space" style="width: 280;">
		<van-cell title="我的头像"  is-link >
			<template #value>
				<van-image
					round
					width="40px"
					height="40px"
					src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
					@click="preview()"
				/>
			</template>
		</van-cell>
	<van-cell title="用户名" is-link value="车之尊" />
	<van-cell title="手机号" is-link value="176****6666" />
	<van-cell title="账号注销" is-link />	  
	  
	</van-cell-group>
	
	
</template>

<script lang="ts" setup>
	import { ImagePreview } from 'vant';
	import 'vant/es/image-preview/style';
	const onClickLeft = () => history.back();
	const VanImagePreview = ImagePreview.Component;
	function preview(){
		 ImagePreview({
		   images: [
		     'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg',
		   ],
		   closeable: true,
		 });
	}
</script>

<style>
</style>